
/**************************************组群弹出框***************************************/
.add-user-to-group-pane {
    -fx-spacing: 10px;
}

.add-user-to-group-pane .select-pane {
    -fx-min-width: 240px;
    -fx-spacing: 10px;
    -fx-padding: 20px 0px 20px 0px;
    -fx-border-width: 0px 1px 0px 0px;
    -fx-border-color: -fx-main-border-color;
}

.add-user-to-group-pane .select-pane .container {
    -fx-padding: 10px 20px 10px 20px;
}

.add-user-to-group-pane .select-pane .search-textfield {
    -fx-background-color: -fx-main-background-color;
    -fx-border-color: lightgray;
    -fx-border-radius: 10px;
    -fx-background-radius: 10px;
    -fx-padding: 6px;
}

.add-user-to-group-pane .select-pane .user-pane {
    -fx-padding: 6px 10px 5px 20px;
    -fx-spacing: 10px;
    -fx-alignment: center-left;
}

.add-user-to-group-pane .select-pane .user-selected {
    -fx-background-color: -fx-main-background-color;
    -fx-spacing: 10px;
}

.add-user-to-group-pane .select-pane .selected {
    -fx-background-color: -fx-main-background-color;
}

.add-user-to-group-pane .selected-pane {
    -fx-padding: 10px 10px 20px 0px;
    -fx-spacing: 10px;
}

.add-user-to-group-pane .selected-pane .selected-user-pane{
    -fx-vgap: 10px;
    -fx-hgap: 10px;
    -fx-background-color: -fx-second-background-color;
    -fx-border-color: -fx-main-border-color;
    -fx-border-width: 1px;
}


/**********************************消息操作popup面板******************************************************/
.message-view-popup {
    -fx-background-color: -fx-second-background-color;
    -fx-border-color: lightgray;
    -fx-max-width: 80px;
    -fx-padding: 2px 0px 2px 0px;
}

.message-view-popup  .button {
    -fx-max-width: 130px;
    -fx-min-width: 130px;
}

.message-view-popup .separator {
    -fx-padding: 0px;
}


/**************************************转发消息面板***************************************************************/
.transfer-message-pane {

}

.transfer-message-pane .select-session-pane {
    -fx-spacing: 10px;
    -fx-background-color: -fx-main-background-color;
}

.transfer-message-pane .select-session-pane .search-pane {
    -fx-padding: 15px 20px 0px 20px;
}

.transfer-message-pane .select-session-pane .search-pane .search-textfield {
    -fx-background-color: derive(-fx-main-background-color, 70%);
}

.transfer-message-pane .select-session-pane .create-session-pane {
    -fx-padding: 5px 20px 0px 20px;
}

.transfer-message-pane .select-session-pane .create-session-pane .create-session-button {
    -fx-pref-width: 300px;
}

.transfer-message-pane .select-session-pane .tip-pane {
    -fx-padding: 10px 20px 0px 20px;
    -fx-alignment: center_left;
}

.transfer-message-pane .select-session-pane .tip-pane .more-select-label {
    -fx-cursor: hand;
    -fx-text-fill: #576b95;
}

.transfer-message-pane .select-session-pane .session-item {
    -fx-padding: 5px 20px 5px 20px
}

.transfer-message-pane .select-session-pane .selected {
    -fx-background-color: derive(-fx-main-background-color, -10%);
}

.transfer-message-pane .select-session-pane .session-item .group-icon-pane {
    -fx-border-color: -fx-main-background-color;
    -fx-border-width: 1px;
}

.transfer-message-pane .select-session-pane .session-item:hover {
    -fx-background-color: derive(lightgray, 30%);
}

.transfer-message-pane .select-session-pane .session-item .radio-button .radio {
    -fx-background-color: -fx-second-background-color;
    -fx-border-width: 2px;
    -fx-border-color: -fx-main-border-color;
    -fx-border-radius: 100px;
}

.transfer-message-pane .select-session-pane .session-item .radio-button:selected .radio {
    -fx-background-color: green;
}

.transfer-message-pane .select-session-pane .session-item .radio-button:selected .radio .dot {
    -fx-background-color: -fx-second-background-color;
    -fx-background-insets: 0;
}



.transfer-message-pane .selected-session-pane {
    -fx-spacing: 5px;
    -fx-padding: 10px 20px 10px 20px;
    -fx-background-color: derive(#F5F5F5, 80%);
}

.transfer-message-pane .selected-session-pane .selected-session-scroll-pane {
    -fx-padding: 10px 0px 0px 0px;
    -fx-background-color: transparent;
    -fx-fit-to-width: true;
    -fx-fit-to-height: true;
    -fx-min-height: 90px;
    /*-fx-max-height: 90px;*/
    -fx-vbar-policy: never;
    -fx-hbar-policy: never;
}

.transfer-message-pane .selected-session-pane .selected-session-scroll-pane .scroll-bar:vertical,
.transfer-message-pane .selected-session-pane .selected-session-scroll-pane .scroll-bar:horizontal {
    -fx-pref-width: 0;
    -fx-pref-height: 0;
}

.transfer-message-pane .selected-session-pane .selected-session-scroll-pane .selected-session-container {
    -fx-background-color: derive(#F5F5F5, 80%);
    -fx-spacing: 5px;

}

.transfer-message-pane .selected-session-pane .selected-session-item {
    -fx-spacing: 10px;
    -fx-alignment: center_left;
}

.transfer-message-pane .selected-session-pane .selected-session-item .close-label {
    -fx-pref-width: 20px;
    -fx-pref-height: 20px;
    -fx-max-width: 20px;
    -fx-max-height:  20px;
    -fx-background-color: derive(-fx-main-background-color, -20%);
    -fx-background-radius: 100px;
    -fx-border-radius: 100px;
    -fx-alignment: center;
}

.transfer-message-pane .selected-session-pane .selected-session-item .group-icon-pane {
    -fx-border-color: derive(-fx-main-background-color, -20%);
    -fx-border-width: 1px;
}

.transfer-message-pane .selected-session-pane .message-content-container {
    -fx-alignment: center-left;
}

.transfer-message-pane .selected-session-pane .message-content-container .selected-message-scroll-pane {
    -fx-hbar-policy: NEVER;
    -fx-vbar-policy: never;
    -fx-fit-to-width: true;
    -fx-fit-to-height: true;
}

.transfer-message-pane .selected-session-pane .message-content-container .scroll-pane .message-box{
    -fx-background-color: -fx-second-background-color;
}

.transfer-message-pane .selected-session-pane .message-content-container .more-content-label {
    -fx-pref-width: 20px;
    -fx-pref-height: 20px;
    -fx-max-width: 20px;
    -fx-max-height:  20px;
    -fx-min-width: 20px;
    -fx-min-height: 20px;
    -fx-background-color: derive(-fx-main-background-color, -20%);
    -fx-background-radius: 100px;
    -fx-border-radius: 100px;
    -fx-alignment: center;
}

.transfer-message-pane .selected-session-pane .leave-message-text-field {
    -fx-padding: 5px;
    -fx-background-color: derive(-fx-main-background-color, 30%);
    -fx-border-color:  derive(-fx-main-background-color, -30%);
    -fx-border-width: 1px;
    -fx-border-radius: 2px;
    -fx-background-radius: 2px;
    /*-fx-prompt-text-fill: derive(-fx-main-background-color, 80%);;*/
}

.transfer-message-pane .selected-session-pane .button-pane {
    -fx-padding: 10px 0px 10px 0px;
}

.transfer-message-pane .selected-session-pane .button-pane .btn-cancel {
    -fx-text-fill: #07c160;
}

/****************************转发消息，创建新会话**************************************************************/
.transfer-message-with-user-pane {

}

.transfer-message-with-user-pane .select-user-pane {
    -fx-border-color: -fx-main-border-color;
    -fx-border-width: 0px 1px 0px 0px;
}

.transfer-message-with-user-pane .select-user-pane .search-pane {
    -fx-padding: 15px 20px 0px 20px;
}

.transfer-message-with-user-pane .select-user-pane .search-textfield {
    -fx-background-color: derive(-fx-main-background-color, 70%);
    -fx-border-color: -fx-main-border-color;
    -fx-border-width: 1px;
    -fx-border-radius: 3px;
    -fx-background-radius: 3px;
}

.transfer-message-with-user-pane .select-user-pane .select-user-item {
    -fx-padding: 5px 20px 5px 20px;
}

.transfer-message-with-user-pane .select-user-pane .selected {
    -fx-background-color: derive(-fx-main-background-color, -10%);
}

.transfer-message-with-user-pane .select-user-pane .select-user-item:hover {
    -fx-background-color: derive(-fx-main-background-color, 30%);
}

.transfer-message-with-user-pane .select-user-pane .select-user-item .radio-button .radio {
    -fx-background-color: -fx-second-background-color;
    -fx-border-width: 2px;
    -fx-border-color: -fx-main-border-color;
    -fx-border-radius: 100px;
}

.transfer-message-with-user-pane .select-user-pane .select-user-item .radio-button:selected .radio {
    -fx-background-color: green;
}

.transfer-message-with-user-pane .select-user-pane .select-user-item .radio-button:selected .radio .dot {
    -fx-background-color: -fx-second-background-color;
    -fx-background-insets: 0;
}


.transfer-message-with-user-pane .selected-user-pane {
    -fx-spacing: 5px;
    -fx-padding: 10px 20px 10px 20px;
    -fx-background-color: -fx-second-background-color;
}

.transfer-message-with-user-pane .selected-user-pane .selected-user-scroll-pane {
    -fx-padding: 10px 0px 0px 0px;
    -fx-background-color: transparent;
    -fx-fit-to-width: true;
    -fx-fit-to-height: true;
    -fx-min-height: 70px;
    -fx-max-height: 70px;
}

.transfer-message-with-user-pane .selected-user-pane .selected-user-scroll-pane >.scroll-bar:vertical,
.transfer-message-with-user-pane .selected-user-pane .selected-user-scroll-pane >.scroll-bar:horizontal {
    -fx-pref-width: 0;
    -fx-pref-height: 0;
}

.transfer-message-with-user-pane .selected-user-pane .selected-user-scroll-pane .selected-user-container {
    -fx-background-color: derive(#F5F5F5, 80%);
    -fx-spacing: 5px;
}

.transfer-message-with-user-pane .selected-user-pane .selected-user-item .close-label {
    -fx-pref-width: 20px;
    -fx-pref-height: 20px;
    -fx-max-width: 20px;
    -fx-max-height:  20px;
    -fx-background-color: derive(-fx-main-background-color, -20%);
    -fx-background-radius: 100px;
    -fx-border-radius: 100px;
    -fx-alignment: center;
}

.transfer-message-with-user-pane .selected-user-pane .message-content-container {
    -fx-alignment: center-left;
}

.transfer-message-with-user-pane .selected-user-pane .message-content-container .scroll-pane {
    -fx-hbar-policy: never;
    -fx-vbar-policy: never;
    -fx-fit-to-width: true;
    -fx-fit-to-height: true;
}

.transfer-message-with-user-pane .selected-user-pane .message-content-container .scroll-pane .message-box {
    -fx-background-color: -fx-second-background-color;
}

.transfer-message-with-user-pane .selected-user-pane .message-content-container .more-content-label {
    -fx-pref-width: 20px;
    -fx-pref-height: 20px;
    -fx-max-width: 20px;
    -fx-max-height:  20px;
    -fx-background-color: derive(-fx-main-background-color, -20%);
    -fx-background-radius: 100px;
    -fx-border-radius: 100px;
    -fx-alignment: center;
}

.transfer-message-with-user-pane .selected-user-pane .leave-message-text-field {
    -fx-padding: 5px;
    -fx-background-color: derive(-fx-main-background-color, 30%);
    -fx-border-color:  derive(-fx-main-background-color, -30%);
    -fx-border-width: 1px;
    -fx-border-radius: 2px;
    -fx-background-radius: 2px;
    /*-fx-prompt-text-fill: derive(-fx-main-background-color, 80%);;*/
}

.transfer-message-with-user-pane .selected-user-pane .button-pane {
    -fx-padding: 10px 0px 10px 0px;
}

.transfer-message-with-user-pane .selected-user-pane .button-pane .btn-cancel {
    -fx-text-fill: #07c160;
}


/*******************************session 弹出框*******************************************/
.session-pop-pane {
    -fx-background-color: -fx-second-background-color;
    -fx-background-radius: 1;
    -fx-padding:1px;
    -fx-border-color: -fx-main-border-color;
    -fx-border-width: 1;
    -fx-border-radius: 1;
}

.session-pop-pane .button {
    -fx-text-fill: -fx-selection-list-font-color;
    -fx-font-size: 14px;
    -fx-background-color: -fx-second-background-color;
    -fx-background-radius: 0;
    -fx-border-width: 0;
    -fx-pref-width: 150px;
    -fx-padding: 5px 20px 5px 20px;
    -fx-alignment: CENTER_LEFT;
}

.session-pop-pane .button:hover {
    -fx-background-color: derive(-fx-selection-color, 30%);
}

.session-pop-pane .separator .line {
    -fx-border-color: -fx-main-border-color;
    -fx-border-width: 1;
}

/**************************历史信息查看***************************************************/
.history-message-pane {
    -fx-background-color: -fx-main-background-color;
    -fx-padding: 2px;
}

.history-message-pane .header{
    -fx-padding: 10px 0px 20px 0px;
    -fx-font-size: 18px;
}

.history-message-pane .search-pane{
    -fx-background-color: -fx-main-background-color;
    -fx-padding: 15px 30px 15px 30px;
}

.history-message-pane  .search-pane .search-textfield {
    -fx-background-color: -fx-main-background-color;
    -fx-border-color: lightgray;
    -fx-border-radius: 10px;
    -fx-padding: 5px;
}

/*.history-message-pane .header .label {*/
/*    -fx-font-color: black;*/
/*    -fx-text-fill: black;*/
/*}*/

.history-message-pane .header .current-tab {
    -fx-font-color: #b5d8ff;
    -fx-border-width: 0px 0px 3px 0px;
    -fx-border-color: #b5d8ff;
    -fx-text-fill: #b5d8ff;
    -fx-border-insets: 3px;
}

.history-message-pane .footer{
    -fx-padding: 20px 10px 10px 10px;
}

.history-message-pane .message-pane {
    -fx-hgap: 2px;
    -fx-vgap: 2px;
    -fx-padding: 5px 10px 5px 20px;
}

.history-message-pane .message-pane:hover {
    -fx-background-color: -fx-second-background-color;
}

.history-message-pane .message-pane .user-name,
.history-message-pane .message-pane .date {
    -fx-text-fill: derive(-fx-fonticon-color, 10%);
    -fx-font-size: 10px;
}

.history-message-pane .message-pane .view-content {
    -fx-text-fill: derive(-fx-highlight-color, 30%)
}

.history-message-pane .message-pane .text {
    -fx-border-width:  1px;
    -fx-border-color: gray;
    -fx-border-radius: 2px;
    -fx-background-color: -fx-second-background-color;
}

.history-message-pane .message-pane .message-item-image {
    -fx-alignment: center-left;
}

.history-message-pane .message-pane .im-text-pane {
    -fx-padding: 8px 2px 8px 2px;
    -fx-border-radius: 2px;
    -fx-background-radius: 2px;
    -fx-background-color: transparent;
}

.history-message-pane .show-message-pane {
    -fx-background-color: -fx-main-background-color;
}

.history-message-pane .show-message-pane .head-pane {
    -fx-border-width: 0px 0px 1px 0px;
    -fx-border-color: -fx-main-border-color;
    -fx-padding: 5px 10px 10px 20px;
}

/*************************************消息搜索*************************************************************************/
.search-message-pane {
    -fx-background-color: -fx-main-background-color;
}

.search-message-pane .search-pane {
    -fx-border-width: 0 0 1px 0;
    -fx-border-color: -fx-main-border-color;
    -fx-padding: 20px;
}

.search-message-pane .search-pane .search-textfield {
    -fx-background-color: -fx-main-background-color;
    -fx-border-color: lightgray;
    -fx-max-width: 450px;
    -fx-border-radius: 10px;
    -fx-padding: 5px;
}

.search-message-pane .session-pane {
    -fx-min-width: 220px;
    -fx-max-width: 220px;
    -fx-border-width: 0 1px 0 0;
    -fx-border-color: -fx-main-border-color;
}

.search-message-pane .session-pane .search-result-view {
    -fx-padding: 5px 2px 5px 10px;
    -fx-hgap: 10px;
    -fx-vgap: 10px;
}

.search-message-pane .session-pane .search-result-view:hover {
    -fx-background-color: derive(-fx-main-background-color, -20%);
}

.search-message-pane .session-pane .search-result-view .group-icon-pane {
    -fx-border-color: -fx-second-background-color;
    -fx-border-width: 1px;
}

.search-message-pane .content-pane {
    /*-fx-padding: 10px;*/
    /*-fx-spacing: 10px;*/
    -fx-border-color: -fx-main-border-color;
    -fx-border-width: 0 1px 0 0;
}

.search-message-pane .content-pane .message-pane {
    -fx-padding: 10px;
    -fx-border-width: 0 0 1px 0;
    -fx-border-color: -fx-main-border-color;
}

.search-message-pane .content-pane .message-pane:hover {
    -fx-background-color: derive(-fx-main-background-color, -10%);
}

.search-message-pane .content-pane .title-pane {
    -fx-border-color: -fx-main-border-color;
    -fx-border-width: 0 0 1px 0;
    -fx-padding: 10px;
    -fx-text-fill: derive(-fx-fonticon-color, 10%);
}

.search-message-pane .content-pane .view-content {
    -fx-text-fill: derive(-fx-highlight-color, 30%)
}

.search-message-pane .show-message-pane {
    -fx-padding: 10px;
    -fx-background-color: -fx-main-background-color;
    -fx-spacing: 10px;
}

.search-message-pane .show-message-pane .head-pane {
    -fx-border-color: derive(-fx-main-border-color, 10%);
    -fx-border-width: 0 0 1px 0;
    -fx-padding: 10px;
}

.search-message-pane .show-message-pane .message-pane {
    -fx-padding: 10px;
    -fx-border-color: derive(-fx-main-border-color, 10%);
    -fx-border-width: 0 0 1px 0;
}

/***********************************组合消息弹出框********************************************************/
.chat-dialog-pane {
    -fx-fit-to-height: true;
    -fx-fit-to-width: true;
}

.chat-dialog-pane VBox {
    -fx-padding: 5px 20px 0 20px;
    -fx-border-width: 1px 0 0 0;
    -fx-border-color: -fx-main-border-color;
    -fx-background-color: -fx-second-background-color;
}

.chat-dialog-pane .chat-item{
    -fx-padding: 5px 10px 5px 10px;
    -fx-border-color: derive(-fx-main-border-color, 1%);
    -fx-border-width: 0 0 1px 0;
    -fx-vgap: 5px;
    -fx-hgap: 5px;
}
